<template>
	<view class="body">
		<view v-for="(item,index) in list" :key='index'>
			<view class="data">
					{{item.createtime}}
				</view>
			<view class="msgsystem">
				<image class="msgimg" src="../../static/img/information.png" mode=""></image>
				<view class="dialog">
					<view v-html="item.desc"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				desc:'<p></p>',
				createtime:'',
				list:''
			};
		},
		onLoad () {
			this.getDate()
		},
		methods:{
			getDate () {
				uni.request({
					url:'http://xj.gccrw.cn/api/push/pushlist',
					method:'POST',
					success: (res) => {
						this.list = res.data.data
					}
				})
			}
		}
	}
</script>

<style>
.data {
	width: 100%;
	color: #B4B4B4;
	font-size: 24upx;
	margin-top: 32upx;
	display: flex;
	justify-content: center;
}
.msgsystem {
	width: 96%;
	margin: 3%;
}
.msgimg {
	width: 90upx;
	height: 90upx;
	border-radius: 50%;
}
.dialog {
	width: 71%;
	margin-top: -50upx;
	margin-left: 107upx;
	background-color: #FFFFFF;
	border-radius: 15upx;
	padding: 20upx;
}
.tupian {
	width: 96%;
	border-radius: 20upx;
	padding: 10upx;
}
</style>
